{"version":3,"file":"static/chunks/pages/legal/[type]-cac1eae31124b671.js","mappings":"qFACKA,OAAOC,SAAWD,OAAOC,UAAY,IAAIC,KAAK,CAC7C,gBACA,WACE,OAAO,EAAQ,U,mECAjBC,EAAWC,EAAAA,EAAAA,OAAa,CAC5BC,QAASC,EAAAA,EAAAA,aAILC,GADU,IAAIC,EAAAA,GACKC,IAAI,uBAEzBF,IACFJ,EAASO,SAASC,QAAQC,OAAOC,cAAgB,UAAmB,OAATN,IAG7D,O,oGCfA,GACEO,MAAO,CACL,cAAe,CACbC,MAAO,UACPC,SAAU,SAGdC,OAAQ,CACNC,MAAO,sBACPC,mBAAoB,UACpBC,mBAAoB,UACpBC,mBAAoB,UACpBC,mBAAoB,UACpBC,QAAS,UACTC,QAAS,UACTC,QAAS,UACTC,QAAS,UACTC,QAAS,UACTC,QAAS,UACTC,QAAS,Y,ktBChBE,SAASC,EAAO,G,IAAA,IAAEC,SAC/B,OACE,UAACC,EAAAA,GAAa,CAACC,MAAOA,E,WACpB,SAACC,EAAW,KACZ,SAACC,EAAS,CAACC,UAAU,Q,SAASL,OAUpC,IAAMI,EAAYE,EAAAA,GAAAA,IAAU,KAItBH,GAAcI,EAAAA,EAAAA,IAAiB,M,+LCnBxBC,EAA2B,SAACC,GACvC,OAAOpC,EAAAA,EAAAA,IAAU,wBAA6B,OAALoC,EAAK,cAGnCC,EAAe,SAACD,EAAME,GACjC,OAAOtC,EAAAA,EAAAA,IAAU,uBAA4B,OAALoC,GAAQ,CAAEE,OAAAA,KCuBpD,EAlBgC,WAC9B,IAAkDC,GAAAA,EAAAA,EAAAA,UAChD,IADKC,EAA2CD,EAEjD,GAFyBE,EAAwBF,EAEjD,GAEKG,EAAoB,W,OAAA,iBAAON,G,IACzBO,E,iEAAO,O,EAAMR,EAAyBC,GAAMQ,MAChD,SAACC,G,OAAaA,EAASF,KAAKG,kB,cADxBH,EAAO,SAGbF,EAAqBE,G,2BAJUP,G,gCAAP,GAO1B,MAAO,CACLI,kBAAAA,EACAE,mBAAmBK,EAAAA,EAAAA,aAAYL,EAAmB,M,i9BCoBtD,IAAMM,EAAkBf,EAAAA,GAAAA,IAAU,KAGlB,SAACgB,G,OAAUA,EAAMpB,MAAMhB,OAAOM,WAKxC+B,EAAuBjB,EAAAA,GAAAA,IAAU,KAOjCkB,EAAwBlB,EAAAA,GAAAA,IAAU,KAkBlCmB,EAAenB,EAAAA,GAAAA,OAAa,KAalC,EAhFA,SAAuB,G,IACrBoB,EADqB,EACrBA,QACAC,EAFqB,EAErBA,gBACAC,EAHqB,EAGrBA,mBAMA,OACE,UAACP,EAAe,C,WACd,SAACE,EAAoB,C,SAAC,2CACtB,SAACC,EAAqB,C,UACpB,SAACC,EAAY,CACXI,SATmB,SAACC,GAC1BF,EAAmBF,EAAQI,EAAEC,cAAcC,eAAeC,MASpDC,aAAcP,E,SAEbD,EAAQS,KAAI,SAACC,G,OACZ,SAACA,SAAM,CAACC,MAAOD,EAAOH,I,SACnBG,EAAOE,MADsBF,EAAOH,gBCVnD,EAbqB,WACnB,IAA4BrB,GAAAA,EAAAA,EAAAA,UAAyB,MAA9C2B,EAAqB3B,EAA8B,GAA3C4B,EAAa5B,EAA8B,GAEpD6B,EAAY,W,OAAA,iBAAOhC,EAAciC,G,IAE/B1B,E,iEAAO,O,EAAMN,EAAaD,EADjBiC,EAAU,CAAEC,SAAUD,GAAY,IACHzB,MAC5C,SAACC,G,OAAaA,EAASF,S,cADnBA,EAAO,SAGbwB,EAAUxB,G,2BALaP,EAAciC,G,gCAArB,GAOlB,MAAO,CAAEH,OAAAA,EAAQC,UAAAA,EAAWC,WAAWrB,EAAAA,EAAAA,aAAYqB,EAAW,M,+QCiCjD,SAASG,EAAK,G,IAAA,IAAEnC,KACvBoC,EAA2B,mBAATpC,EACyBqC,EAAAA,IAAzCjC,EAAyCiC,EAAzCjC,kBAAmBE,EAAsB+B,EAAtB/B,kBACGgC,EAAAA,IAAtBR,EAAsBQ,EAAtBR,OAAQE,EAAcM,EAAdN,UAC8B7B,GAAAA,EAAAA,EAAAA,UAAiB,MAAxDe,EAAuCf,EAAsB,GAA5CgB,EAAsBhB,EAAsB,GAYpE,OAVAoC,EAAAA,EAAAA,YAAU,WACJH,GACF9B,EAAkBN,KAEnB,CAACM,EAAmB8B,EAAiBpC,KAExCuC,EAAAA,EAAAA,YAAU,WACRP,EAAUhC,EAAMkB,KACf,CAACA,EAAiBc,EAAWhC,IAEpB,MAARA,GACK,SAACwC,EAAAA,QAAS,CAACC,WAAY,OAG9B,SAACnD,EAAAA,EAAM,C,UACL,UAACoD,MAAG,CAAC9C,UAAW+C,IAAAA,M,WACd,SAACD,MAAG,CAACE,MAAO,CAAEC,OAAQ,Q,SACnBT,GAAmBhC,EAAkB0C,OAAS,IAC7C,SAACC,EAAmB,CAClB9B,QAASb,EACTe,mBAAoBA,EACpBD,gBAAiBd,EAAkB,GAAGoB,QAI3CM,IACC,SAACkB,EAAK,CAACC,wBAAyB,CAAEC,OAAQpB,EAAOqB,iBAY3D,IAAMH,EAAQnD,EAAAA,GAAAA,KAAW,M,iBC7FzBuD,EAAOC,QAAU,CAAC,MAAQ,uB,oBCD1BD,EAAOC,QAAU,EAAjB,O,kCCAA,SAASC,EAAmBC,EAAKC,EAASC,EAAQC,EAAOC,EAAQnC,EAAKoC,GACpE,IACE,IAAIC,EAAON,EAAI/B,GAAKoC,GAChBhC,EAAQiC,EAAKjC,MACjB,MAAOkC,GAEP,YADAL,EAAOK,GAILD,EAAKE,KACPP,EAAQ5B,GAERoC,QAAQR,QAAQ5B,GAAOpB,KAAKkD,EAAOC,GAIxB,SAASM,EAAkBC,GACxC,OAAO,WACL,IAAIC,EAAOC,KACTC,EAAOC,UACT,OAAO,IAAIN,SAAQ,SAAUR,EAASC,GACpC,IAAIF,EAAMW,EAAGK,MAAMJ,EAAME,GAEzB,SAASX,EAAM9B,GACb0B,EAAmBC,EAAKC,EAASC,EAAQC,EAAOC,EAAQ,OAAQ/B,GAGlE,SAAS+B,EAAOa,GACdlB,EAAmBC,EAAKC,EAASC,EAAQC,EAAOC,EAAQ,QAASa,GAGnEd,OAAMe,O","sources":["webpack://_N_E/?702d","webpack://_N_E/./api/inappAxios.js","webpack://_N_E/./styles/inapp/stylesheet.ts","webpack://_N_E/./components/layouts/inappLayout.tsx","webpack://_N_E/./api/inapp/index.js","webpack://_N_E/./hooks/policy/useGetPolicyArchiveList.ts","webpack://_N_E/./components/legal/PrivacyPolicySelect.tsx","webpack://_N_E/./hooks/policy/usePolicy.ts","webpack://_N_E/./pages/legal/[type].tsx","webpack://_N_E/./styles/website/Legal.module.css","webpack://_N_E/../../node_modules/next/error.js","webpack://_N_E/../../node_modules/next/node_modules/@swc/helpers/src/_async_to_generator.mjs"],"sourcesContent":["\n (window.__NEXT_P = window.__NEXT_P || []).push([\n \"/legal/[type]\",\n function () {\n return require(\"private-next-pages/legal/[type].tsx\");\n }\n ]);\n if(module.hot) {\n module.hot.dispose(function () {\n window.__NEXT_P.push([\"/legal/[type]\"])\n });\n }\n ","import axios from \"axios\";\nimport { Cookies } from \"react-cookie\";\nimport { settings } from \"../configs/settings\";\n\nconst instance = axios.create({\n baseURL: settings.API_DOMAIN\n});\n\nconst cookies = new Cookies();\nconst appToken = cookies.get(\"elecle-access-token\");\n\nif (appToken) {\n instance.defaults.headers.common.Authorization = `Bearer ${appToken}`;\n}\n\nexport default instance;\n","export default {\n fonts: {\n \"text-body-1\": {\n color: \"#666666\",\n fontSize: \"14px\"\n }\n },\n colors: {\n white: \"rgba(255,255,255,1)\",\n socarElecleBlue100: \"#E5F4FF\",\n socarElecleBlue200: \"#C5E5FF\",\n socarElecleBlue500: \"#008CFF\",\n socarElecleBlue600: \"#0081EB\",\n gray100: \"#F5F6F7\",\n gray200: \"#E9EBEE\",\n gray300: \"#C5C8CE\",\n gray400: \"#9FA1A9\",\n gray500: \"#646F7C\",\n gray600: \"#374553\",\n gray700: \"#000000\"\n }\n};\n","import styled, { ThemeProvider, createGlobalStyle } from \"styled-components\";\nimport theme from \"@/styles/inapp/stylesheet\";\n\nexport default function Layout({ children }: { children: React.ReactNode }) {\n return (\n \n \n {children}\n \n );\n}\n\ntype ContainerProps = {\n children: React.ReactNode;\n className?: string;\n};\n\nconst Container = styled.div`\n height: 100%;\n`;\n\nconst GlobalStyle = createGlobalStyle`\n* {\n -webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */\n font-family: \"Noto Sans KR\";\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */\n -khtml-user-select: none; /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */\n -ms-user-select: none; /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently\n supported by Chrome, Edge, Opera and Firefox */\n}\n`;\n","import axios from \"@/api/inappAxios\";\n\nexport const getPolicyArchivesListApi = (type) => {\n return axios.get(`/v1/operation/policy/${type}/archive`);\n};\n\nexport const getPolicyApi = (type, params) => {\n return axios.get(`v1/operation/policy/${type}`, { params });\n};\n","import { useCallback, useState } from \"react\";\nimport { getPolicyArchivesListApi } from \"@/api/inapp\";\n\nexport interface DocumentData {\n name: string;\n key: string;\n}\n\nexport interface Response {\n document_list: DocumentData[];\n}\n\nconst useGetPolicyArchiveList = () => {\n const [policyArchiveList, setPolicyArchiveList] = useState(\n []\n );\n\n const getPolicyArchives = async (type: string) => {\n const data = await getPolicyArchivesListApi(type).then(\n (response) => response.data.document_list\n );\n setPolicyArchiveList(data);\n };\n\n return {\n policyArchiveList,\n getPolicyArchives: useCallback(getPolicyArchives, [])\n };\n};\n\nexport default useGetPolicyArchiveList;\n","import type { Dispatch, FormEvent, SetStateAction } from \"react\";\nimport styled from \"styled-components\";\n\ntype Props = {\n options: {\n name: string;\n key: string;\n }[];\n selectedArchive: string;\n setSelectedArchive: Dispatch>;\n};\n\nfunction PrivacyPolicy({\n options,\n selectedArchive,\n setSelectedArchive\n}: Props) {\n const handleChangeSelect = (e: FormEvent) => {\n setSelectedArchive(options[e.currentTarget.selectedIndex].key);\n };\n\n return (\n \n 시행/변경일자\n \n \n {options.map((option) => (\n \n ))}\n \n \n \n );\n}\n\ntype StyledSelectProps = {\n onChange: (e: FormEvent) => void;\n defaultValue: string;\n children: React.ReactNode;\n};\n\nconst StyledContainer = styled.div`\n display: flex;\n padding: 8px;\n background: ${(props) => props.theme.colors.gray100};\n border-radius: 8px;\n align-items: center;\n`;\n\nconst StyledLabelAdornment = styled.div`\n font-weight: bold;\n width: 100px;\n font-size: 14px;\n padding: 8px;\n`;\n\nconst StyledSelectContainer = styled.div`\n position: relative;\n flex-grow: 1;\n &::after {\n content: \"\";\n position: absolute;\n display: inline-block;\n width: 0px;\n height: 0px;\n right: 16px;\n top: 50%;\n margin-top: -2px;\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n border-top: 4px solid #000;\n }\n`;\n\nconst StyledSelect = styled.select`\n width: 100%;\n padding: 8px;\n border: none;\n background: transparent;\n box-sizing: border-box;\n appearance: none;\n &:focus,\n &:focus-visible {\n outline: none;\n }\n`;\n\nexport default PrivacyPolicy;\n","import { useCallback, useState } from \"react\";\nimport { getPolicyApi } from \"@/api/inapp\";\n\nexport interface PolicyResponse {\n document: string;\n}\n\nconst useGetPolicy = () => {\n const [policy, setPolicy] = useState(null);\n\n const getPolicy = async (type: string, archive?: string) => {\n const params = archive ? { archived: archive } : {};\n const data = await getPolicyApi(type, params).then(\n (response) => response.data\n );\n setPolicy(data);\n };\n return { policy, setPolicy, getPolicy: useCallback(getPolicy, []) };\n};\n\nexport default useGetPolicy;\n","import ErrorPage from \"next/error\";\nimport { useEffect, useState } from \"react\";\nimport styled from \"styled-components\";\nimport usePolicies from \"../../hooks/policy/useGetPolicyArchiveList\";\nimport Layout from \"@/components/layouts/inappLayout\";\nimport PrivacyPolicySelect from \"@/components/legal/PrivacyPolicySelect\";\nimport usePolicy from \"@/hooks/policy/usePolicy\";\nimport styles from \"@/styles/website/Legal.module.css\";\n\nexport type LegalType =\n | \"privacy-policy\"\n | \"terms-of-service\"\n | \"terms-of-store-product\"\n | \"lease-product\"\n | \"personal-information-collection-and-usage\"\n | \"location-based\"\n | \"marketing-receive\";\n\nexport async function getStaticPaths() {\n const paths = [\n \"privacy-policy\",\n \"terms-of-service\",\n \"terms-of-store-product\",\n \"lease-product\",\n \"personal-information-collection-and-usage\",\n \"location-based\",\n \"marketing-receive\"\n ].map((type) => ({\n params: { type }\n }));\n\n return {\n paths,\n fallback: false\n };\n}\n\n// This also gets called at build time\nexport async function getStaticProps({ params }) {\n return {\n props: {\n type: params.type\n }\n };\n}\n\ninterface Props {\n type: LegalType;\n}\n\nexport default function Page({ type }: Props) {\n const isPrivacyPolicy = type === \"privacy-policy\";\n const { policyArchiveList, getPolicyArchives } = usePolicies();\n const { policy, getPolicy } = usePolicy();\n const [selectedArchive, setSelectedArchive] = useState(null);\n\n useEffect(() => {\n if (isPrivacyPolicy) {\n getPolicyArchives(type);\n }\n }, [getPolicyArchives, isPrivacyPolicy, type]);\n\n useEffect(() => {\n getPolicy(type, selectedArchive);\n }, [selectedArchive, getPolicy, type]);\n\n if (type == null) {\n return ;\n }\n return (\n \n
\n
\n {isPrivacyPolicy && policyArchiveList.length > 0 && (\n \n )}\n
\n {policy && (\n \n )}\n
\n \n );\n}\ntype LegalProps = {\n dangerouslySetInnerHTML: {\n __html: string;\n };\n};\n\nconst Legal = styled.main`\n padding: 10px;\n table,\n th,\n td {\n color: #121212;\n border: 1px solid #969799;\n border-collapse: collapse;\n }\n td,\n th {\n padding: 9px 7px;\n }\n`;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"legal\":\"Legal_legal__EOiGg\"};","module.exports = require('./dist/pages/_error')\n","function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {\n try {\n var info = gen[key](arg);\n var value = info.value;\n } catch (error) {\n reject(error);\n return;\n }\n\n if (info.done) {\n resolve(value);\n } else {\n Promise.resolve(value).then(_next, _throw);\n }\n}\n\nexport default function _asyncToGenerator(fn) {\n return function () {\n var self = this,\n args = arguments;\n return new Promise(function (resolve, reject) {\n var gen = fn.apply(self, args);\n\n function _next(value) {\n asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value);\n }\n\n function _throw(err) {\n asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err);\n }\n\n _next(undefined);\n });\n };\n}\n"],"names":["window","__NEXT_P","push","instance","axios","baseURL","settings","appToken","Cookies","get","defaults","headers","common","Authorization","fonts","color","fontSize","colors","white","socarElecleBlue100","socarElecleBlue200","socarElecleBlue500","socarElecleBlue600","gray100","gray200","gray300","gray400","gray500","gray600","gray700","Layout","children","ThemeProvider","theme","GlobalStyle","Container","className","styled","createGlobalStyle","getPolicyArchivesListApi","type","getPolicyApi","params","useState","policyArchiveList","setPolicyArchiveList","getPolicyArchives","data","then","response","document_list","useCallback","StyledContainer","props","StyledLabelAdornment","StyledSelectContainer","StyledSelect","options","selectedArchive","setSelectedArchive","onChange","e","currentTarget","selectedIndex","key","defaultValue","map","option","value","name","policy","setPolicy","getPolicy","archive","archived","Page","isPrivacyPolicy","usePolicies","usePolicy","useEffect","ErrorPage","statusCode","div","styles","style","margin","length","PrivacyPolicySelect","Legal","dangerouslySetInnerHTML","__html","document","module","exports","asyncGeneratorStep","gen","resolve","reject","_next","_throw","arg","info","error","done","Promise","_asyncToGenerator","fn","self","this","args","arguments","apply","err","undefined"],"sourceRoot":""}